<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>用户登录</title>
<link href="./loginAdmin_files/style_log.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./loginAdmin_files/style.css">
<link rel="stylesheet" type="text/css" href="./loginAdmin_files/userpanel.css">
<link rel="stylesheet" type="text/css" href="./loginAdmin_files/jquery.ui.all.css">

 <script>
			/*
			 * 第一种解决方法： 
			 * 客户单表单验证的工作流程：
			 * 在点击提交按钮以后，发送表单数据到服务器之前进行表单验证；
			 * 表单验证函数需要有一个返回值用于阻止或允许表单数据是否可以发送到服务器端；
			 * 如果验证函数返回false：则会阻止表单数据的发送；
			 * 如果验证函数返回true：则会允许表单数据发送；
			 * 验证函数一般绑定给提交按钮的onclick事件；
			 * 
			 * 除此之外，第二种解决方法：
			 * 也可以函数内部使用js操作form控件的submit方法来决定是否发送表单数据，
			 * 这样要求提交按钮不能为submit类型；
			 */
			// 表单验证函数
			function checkMe() {
				// 验证结果  -- 默认是全部可以验证通过的
				var isOK = true;
				// 获取验证控件对象的内容
				// 验证非空用户名				
				var txtname = document.getElementById("adminName").value;
				
				// 验证内容是否合法，并进行相关信息提示
			 	if(txtname == null || txtname == ""){
					// 验证不通过，提示错误信息
					
					document.getElementById("error").innerHTML = "*请输入用户名";
					// 验证不通过，修改验证结果的变量，不允许提交表单
					isOK = false;
				}else{
				 	// 验证非空密码			
					var txtpassword = document.getElementById("adminPsw").value;
					// 验证内容是否合法，并进行相关信息提示
					if(txtpassword == null || txtpassword == ""){
						// 验证不通过，提示错误信息
						document.getElementById("error").innerHTML = "*请输入密码";
						// 验证不通过，修改验证结果的变量，不允许提交表单
						isOK = false;
					}else{
						// 验证通过，剔除提示信息
						document.getElementById("error").innerHTML = "";
					} 
 				} 
				
				return isOK;
			}
		</script>

</head>

<body class="login" mycollectionplug="bind">
<form class="form-horizontal" action="${basePath}admin/AdminLoginServlet"  method="post" onsubmit="return checkMe()">
<div class="login_m">
<h1 style="text-align:center">Login</h1>
<div class="login_boder">

<div class="login_padding" id="login_model">

  <h2>用户名</h2>
  <label>
    <input type="text" name="adminName" id="adminName" class="txt_input txt_input2" placeholder="用户名">
  </label>
  <h2>密码</h2>
  <label>
    <input type="password" name="adminPsw" id="adminPsw" class="txt_input" placeholder="密码">
  </label>
 
 </script>


 
  <p class="forgot"><a id="iforget" href="javascript:void(0);">忘记密码?</a></p>
  <div class="rem_sub">
  <div class="rem_sub_l">
  <input type="checkbox" name="checkbox" id="save_me">
   <label for="checkbox">记住密码</label>
   </div>
    <label class="">
      <input type="submit" class="sub_button" name="button" id="button" value="登陆" style="opacity: 0.7;"  >
    </label>
    <div style="color:#F00" id="error"></div>
  </div>
</div>
</form>

</body></html>